<template>
    <div class="singer-home">
        <van-nav-bar
        title="歌手详情"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
        />
        <van-tabs v-model="active">
            <van-tab title="百科">
                <SingerIntro :singerId="id"/>
            </van-tab>
            <van-tab title="歌曲">
                <SingerSong :singerId="id"/>
            </van-tab>
        </van-tabs>
    </div>
</template>
<script>
import SingerIntro from './components/SingerIntro.vue';
import SingerSong from './components/SingerSong.vue';
export default {
    data(){
    return{
        active: 0,
        id: this.$route.params.id
    };
},
methods:{
    onClickLeft(){
        window.history.length > 1 ? this.$router.go(-1): this.$router.push('/')
        },
},
comments:{
    SingerIntro,
    SingerSong
},
};
</script>
<style scoped>

</style>